<template>
  <div class="clearfix">
    <div class="content">
      <div class="content-div clearfix">
        <div class="title">
          <h2>实习实践出真知，就业帮扶有保障——计算机与技术</h2>
        </div>
        <div class="info"><img /><span>2021/05/13</span></div>
      </div>
      <div class="content-text">
         2021年3月17日下午，计算机（大数据）学院召开18级学生实习工作启动宣讲会。参会人员有谦萃培训运营部副总监张承云、计算机（大数据）学院副院长戴平、教学主管李京阳老师、学工主管张文竹老师及18级全体辅导员和学生...
      </div>
    </div>
    <div>
      <img style="width:1000px;height:600px"
        src="https://cse.aiit.edu.cn/uploads/45/image/public/202103/20210319162640_l1vmxsk8og.png"
        alt=""
      />
    </div>
    <ul
      class="mt20 list-unstyled fs14"
      style="line-height: 28px; margin-top: 70px"
    >
      <li class="news-li">
        <span
          style="cursor: pointer"
          class="pre-next-news"
          onclick="window.location.href='https://cse.aiit.edu.cn:443/info/143248'"
          >上一篇</span
        >
        <a
          href="https://cse.aiit.edu.cn:443/info/143248"
          class="news-name ell"
          title="训少年之体魄，强中华之脊柱 ——计算机（大数据)学院20级学生军训圆满完成"
          >训少年之体魄，强中华之脊柱
          ——计算机（大数据)学院20级学生军训圆满完成</a
        >
      </li>
      <li class="news-li next-news">
        <span
          style="cursor: pointer"
          class="pre-next-news"
          onclick="window.location.href='https://cse.aiit.edu.cn:443/info/143209'"
          >下一篇</span
        >
        <a
          href="https://cse.aiit.edu.cn:443/info/143209"
          class="news-name ell"
          title="计算机与软件工程学院（大数据与人工智能学院）庆祝学院教职工入职6周年"
          >计算机与软件工程学院（大数据与人工智能学院）庆祝学院教职工入职6周年</a
        >
      </li>
    </ul>
    <div>
      <Footer></Footer>
    </div>
  </div>
</template>

<script>
import Footer from "@/components/footer/Footer.vue";
import axios from "axios";
export default {
  components: {
    Footer,
  },
  data() {
    return {
      news: {},
    };
  },
  methods: {
    created() {
      axios
        .get(
          "http://localhost:8000/api/getHomeRead?id=" + this.$route.params.id
        )
        .then((response) => {
          // this.news = response.data.message;
          console.log(response);
        });
    },
  },
};
</script>

<style lang="scss" scoped>
.news-name {
  padding-left: 25px;
  width: 600px;
  display: inline-block;
}
.next-news {
  margin-top: 26px;
}
.pre-next-news {
  text-align: center;
  width: 125px;
  display: inline-block;
  background-color: #006fc1;
  color: #fff;
  position: relative;
  text-decoration: none;
}

.news-li {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  background: #f2f2f2;
}
.content-text {
  margin-left: 125px;
  text-align: left;
  text-indent: 2em;
  line-height: 25px;
  font-family: 微软雅黑;
  font-size: medium;
  width: 1269px;
}
</style>